<template>
  <view class="loading-spinner"></view>
</template>

<script>
export default {
  name: 'LoadingSpinner'
}
</script>

<style scoped lang="css">
.loading-spinner {
  width: 60rpx;
  height: 60rpx;
  border: 4rpx solid #e0e0e0;
  border-top: 4rpx solid #f26a77;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
</style>
